// @import "../../style/base/variable";
@qh_red:#fd7d6a;
@qh_green:#54bb9d;
@qh_blue:#549eef;
@qh_yellow:#f5a623;
@qh_txt_gray:#646464;
@qh_bg_yellow: #FDFBF4;
@qh_list_border_color: rgba(245,166,35,0.2);


.goods_detail_page{
	width: 100%;
	height: 100%;
	background: #FDFBF4;
	header{
		img{
			width: 100%;
		}
	}
	.panel_info{
		padding: .04rem .2rem .34rem;
		margin-bottom: .2rem;
		box-shadow: 0px -1px 0px 0px rgba(245,166,35,0.20) inset;
		background:#fff;
		.title{
			font-family: PingFangSC-Medium;
			font-size: .28rem;
			color: #3F4146;
			letter-spacing: 0;
			line-height: .42rem;
		}
		span{

		}
	}
	.panel_select{
		height: .64rem;
		line-height: .64rem;
		background: #fff;
		padding: 0 .18rem;
		box-shadow: 0px -1px 0px 0px rgba(245,166,35,0.20) inset;
		span:last-child{
			float:right;
			margin-top: .15rem;
		}
		&:active{
			background: rgba(245,166,35,0.20);
		}
	}
	.l img{
	    width: 100%;
	    height: auto;
	}
	.r{
	    background-repeat: no-repeat;
	    background-size: cover;
	}
	.panel_selected_item{
		height: auto;
		line-height: .64rem;
		background: #fff;
		padding: 0 .18rem;
		box-shadow: 0px -1px 0px 0px rgba(245,166,35,0.20) inset;
		span{
			margin-right:0.2rem;
		}
	}
	.goods_infomation{
		background: #fff;
		box-shadow: 0 -.02rem 0 0 rgba(245,166,35,0.20) inset;
		padding: .18rem .2rem .16rem;
		h3{
			font-size: .24rem;
		}
		h4{
			font-size: .22rem;
		}
		ul{
			display: block;
    		list-style-type: disc;
    		margin-left: .6rem;
    		li{
    			font-size: .22rem;
    		}
		}
	}
	.panel_description{
		img{
			width: 100%;
		}
	}
	.add_goods{
		height: .84rem;
		width: 100%;
		position: fixed;
		bottom: 0;
		box-shadow: 0 .02rem 0 0 rgba(245,166,35,0.20) inset;
		.cart{
			padding: .4rem .2rem .2rem;
			position: absolute;
			left: .2rem;
			bottom: .2rem;
			background: #FFFFFF;
			box-shadow: 0 .02rem 0 0 rgba(245,166,35,0.20) inset;
			border-radius: 50%;
			.num{
				position: absolute;
			    width: .3rem;
			    height: .3rem;
			    top: 0;
			    right: 0;
			    background: @qh_red;
			    border-radius: 50%;
			    color: #fff;
			    text-align: center;
			    line-height: .3rem;
			}
			span{
				font-size: .4rem;
				padding: .2rem .15rem;
				background: @qh_yellow;
				color: #fff;
				border-radius: 50%;
				box-shadow: .08rem .08rem .22rem 0 rgba(245,166,35,0.60);
			}
			aside{
				font-size: 0.24rem;
				position: absolute;
				left: 1rem;
				bottom:0.5rem;
			}
		}
		li{
			display: inline-block;
			line-height: .84rem;
			text-align: center;
			color: #fff;
			float: left;
		}
		li:first-child{
			width: 25%;
			background: #fff;
		}
		li.second{
			width: 37.5%;
			background: @qh_yellow;
		}
		li:last-child{
			width: 37.5%;
			background: @qh_red;
		}
	}
	.placeholder{
		height: 1.2rem;
	}
}



